const webpack = require("webpack");
module.exports = {
    // 公共路径
    publicPath: "/hcsthj",
    outputDir: "hcsthj",
    indexPath: "index.html",
    // css相关配置
    css: {
        // 启用 CSS modules 打包设为true
        modules: false,
        // 是否使用css分离插件
        // extract: true,//打包把注释去掉
        // 开启 CSS source maps?
        sourceMap: false,
        // css预设器配置项
        loaderOptions: {
            css: {},
            postcss: {
                plugins: [
                    //remUnit这个配置项的数值是多少呢？？？ 通常我们是根据设计图来定这个值，原因很简单，便于开发。
                    //假如设计图给的宽度是1920，我们通常就会把remUnit设置为192，这样我们写样式时，可以直接按照设计图标注的宽高来1:1还原开发。
                    require('postcss-px2rem')({
                        remUnit: 192
                    })
                ]
            }
        },
    },
    configureWebpack: {
        // //支持jquery
        // plugins: [
        //     new webpack.ProvidePlugin({
        //         $: "jquery",
        //         jQuery: "jquery",
        //         "windows.jQuery": "jquery",
        //         Popper: ['popper.js', 'default'],
        //     })
        // ],
        externals: {
            'AMap': 'AMap'
        },
    },
    chainWebpack: config => {
        // 修复HMR
        config.resolve.symlinks(true);

    },

    devServer: {
        hot: true,
        open: true, //配置自动启动浏览器
        host: '0.0.0.0',
        // host: 'localhost',
        port: 8080, // 端口号
        https: false,
        hotOnly: false, // https:{type:Boolean}
        // 配置跨域处理,只有一个代理
        before: app => {}
    },

    // lintOnSave: false
}